/**
	button.css
	info:所有界面统一的按钮样式定制
	命名规则：
		高宽固定的文字按钮：b****(*代表按钮高的像素和宽的像素)例：高20px,宽60px的按钮命名为b2060,高30px,宽110px的按钮命名为b30110
		超链接图标按钮：b**(*代表按钮高的像素和宽的像素)例：高20px,宽20px的按钮命名为b20
		高固定宽自适应的文字按钮：b**a(*代表按钮高的像素)例：高20px的按钮命名为b20a
*/





/* 高20px,宽60px的按钮*/
.b2060{
	background:url(../images/button/btn1.gif) 0px 0px no-repeat;
	border:0;
	line-height:20px;
	width:60px;
	height:20px;
	color:#1C558E;
}
.b2060:hover{
	background:url(../images/button/btn2.gif) 0px 0px no-repeat;
}
.b2060:active{
	background:url(../images/button/btn3.gif) 0px 0px no-repeat;
	font-weight:bolder;
}

/* 高20px,宽80px的按钮*/
input.b2080{
	background:url(../images/button/btn1.gif) -120px 0px no-repeat;
	border:0;
	line-height:20px;
	width:80px;
	height:20px;
	color:#1C558E;
}
input.b2080:hover{
	background:url(../images/button/btn2.gif) -120px 0px no-repeat;
}
input.b2080:active{
	background:url(../images/button/btn3.gif) -120px 0px no-repeat;
	font-weight:bolder;
}

/* 高20px,宽90px的按钮*/
input.b2090{
	background:url(../images/button/btn1.gif) -240px 0px no-repeat;
	border:0;
	line-height:20px;
	width:90px;
	height:20px;
	color:#1C558E;
}
input.b2090:hover{
	background:url(../images/button/btn2.gif) -240px 0px no-repeat;
}
input.b2090:active{
	background:url(../images/button/btn3.gif) -240px 0px no-repeat;
	font-weight:bolder;
}

/* 宽高25px,宽60px的按钮*/
input.b2560{
	background:url(../images/button/btn1.gif) 0px -40px no-repeat;
	border:0;
	line-height:25px;
	width:60px;
	height:25px;
	color:#1C558E;
}
input.b2560:hover{
	background:url(../images/button/btn2.gif) 0px -40px no-repeat;
}
input.b2560:active{
	background:url(../images/button/btn3.gif) 0px -40px no-repeat;
	font-weight:bolder;
}

/* 高25px,宽80px的按钮*/
input.b2580{
	background:url(../images/button/btn1.gif) -120px -40px no-repeat;
	border:0;
	line-height:25px;
	width:80px;
	height:25px;
	color:#1C558E;
}
input.b2580:hover{
	background:url(../images/button/btn2.gif) -120px -40px no-repeat;
}
input.b2580:active{
	background:url(../images/button/btn3.gif) -120px -40px no-repeat;
	font-weight:bolder;
}

/* 高25px,宽90px的按钮*/
input.b2590{
	background:url(../images/button/btn1.gif) -240px -40px no-repeat;
	border:0;
	line-height:25px;
	width:90px;
	height:25px;
	color:#1C558E;
}
input.b2590:hover{
	background:url(../images/button/btn2.gif) -240px -40px no-repeat;
}
input.b2590:active{
	background:url(../images/button/btn3.gif) -240px -40px no-repeat;
	font-weight:bolder;
}

/* 宽高30px,宽60px的按钮*/
input.b3060{
	background:url(../images/button/btn1.gif) 0px -80px no-repeat;
	border:0;
	line-height:25px;
	width:60px;
	height:30px;
	color:#1C558E;
}
input.b3060:hover{
	background:url(../images/button/btn2.gif) 0px -80px no-repeat;
}
input.b3060:active{
	background:url(../images/button/btn3.gif) 0px -80px no-repeat;
	font-weight:bolder;
}

/* 高25px,宽80px的按钮*/
input.b3080{
	background:url(../images/button/btn1.gif) -120px -80px no-repeat;
	border:0;
	line-height:25px;
	width:80px;
	height:30px;
	color:#1C558E;
}
input.b3080:hover{
	background:url(../images/button/btn1.gif) -120px -80px no-repeat;
}
input.b3080:active{
	background:url(../images/button/btn1.gif) -120px -80px no-repeat;
	font-weight:bolder;
}

/* 高30px,宽90px的按钮*/
input.b3090{
	background:url(../images/button/btn1.gif) -240px -80px no-repeat;
	border:0;
	line-height:25px;
	width:90px;
	height:30px;
	color:#1C558E;
}
input.b3090:hover{
	background:url(../images/button/btn2.gif) -240px -80px no-repeat;
}
input.b3090:active{
	background:url(../images/button/btn3.gif) -240px -80px no-repeat;
	font-weight:bolder;
}

/* 高30px,宽110px的按钮*/
input.b30110{
	background:url(../images/button/btn1.gif) -360px -80px no-repeat;
	border:0;
	line-height:25px;
	width:110px;
	height:30px;
	color:#1C558E;
}
input.b30110:hover{
	background:url(../images/button/btn2.gif) -360px -80px no-repeat;
}
input.b30110:active{
	background:url(../images/button/btn3.gif) -360px -80px no-repeat;
	font-weight:bolder;
}


/*36px*36px的超链接按钮*/
a.b36{
	display:inline-block;
    width: 36px;
    height: 36px;
	background: url(../images/button/btn.gif) no-repeat 0px 0px transparent;
	cursor:pointer;
}

/*32px*32px的超链接按钮*/
a.b32{
	display:inline-block;
    width: 32px;
    height: 32px;
	background: url(../images/button/btn.gif) no-repeat -40px 0px transparent;
	cursor:pointer;
}

/*28px*28px的超链接按钮*/
a.b28{
	display:inline-block;
    width: 28px;
    height: 28px;
	background: url(../images/button/btn.gif) no-repeat -80px 0px transparent;
	cursor:pointer;
}

/*26px*26px的超链接按钮*/
a.b26{
	display:inline-block;
    width: 26px;
    height: 26px;
	background: url(../images/button/btn.gif) no-repeat -120px 0px transparent;
	cursor:pointer;
}

/*24px*24px的超链接按钮*/
a.b24{
	display:inline-block;
    width: 24px;
    height: 24px;
	background: url(../images/button/btn.gif) no-repeat 0px -40px transparent;
	cursor:pointer;
}

/*22px*22px的超链接按钮*/
a.b22{
	display:inline-block;
    width: 22px;
    height: 22px;
	background: url(../images/button/btn.gif) no-repeat -40px -40px transparent;
	cursor:pointer;
}

/*20px*20px的超链接按钮*/
a.b20{
	display:inline-block;
    width: 20px;
    height: 20px;
	background: url(../images/button/btn.gif) no-repeat -80px -40px transparent;
	cursor:pointer;
}

/*18px*18px的超链接按钮*/
a.b18{
	display:inline-block;
    width: 18px;
    height: 18px;
	background: url(../images/button/btn.gif) no-repeat -120px -40px transparent;
	cursor:pointer;
}

/*16px*16px的超链接按钮*/
a.b16{
	display:inline-block;
    width: 16px;
    height: 16px;
	background: url(../images/button/btn.gif) no-repeat -0px -80px transparent;
	cursor:pointer;
}

/*14px*14px的超链接按钮*/
a.b14{
	display:inline-block;
    width: 14px;
    height: 14px;
	background: url(../images/button/btn.gif) no-repeat -40px -80px transparent;
	cursor:pointer;
}

/*12px*12px的超链接按钮*/
a.b12{
	display:inline-block;
    width: 12px;
    height: 12px;
	background: url(../images/button/btn.gif) no-repeat  -80px -80px transparent;
	cursor:pointer;
}

/*10px*10px的超链接按钮*/
a.b10{
	display:inline-block;
    width: 10px;
    height: 10px;
	background: url(../images/button/btn.gif) no-repeat -120px -80px transparent;
	cursor:pointer;
}


/*高20px的自适应超链接按钮*/
a.b20a {
	background: url("../images/button/b20a.gif") left 0px  transparent;
    display: inline-block;
    padding-left: 6px;
    text-align: center;
    height: auto;
    width: auto;
    text-decoration:none;
    color:#1C558E;
}
a.b20a span {
	background: url("../images/button/b20a.gif") no-repeat right 0px  transparent;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-right: 6px;
}
a.b20a:hover{
    background: url("../images/button/b20a.gif") no-repeat left -40px transparent;
}
a.b20a:hover span{
    background: url("../images/button/b20a.gif") no-repeat right -40px transparent;
}
a.b20a:active{
    background: url("../images/button/b20a.gif") no-repeat left -80px  transparent;
}
a.b20a:active span{
    background: url("../images/button/b20a.gif") no-repeat right -80px  transparent;
    color:#1C558E;
    font-weight:bolder;
}

/*高25px的自适应超链接按钮*/
a.b25a {
	background: url("../images/button/b25a.gif") no-repeat left 0px  transparent;
    padding-left: 6px;
    text-align: center;
    height: auto;
    width: auto;
    text-decoration:none;
    color:#1C558E;
    display: inline-block;
}
a.b25a span {
	background: url("../images/button/b25a.gif") no-repeat right 0px  transparent;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-right: 6px;
}
a.b25a:hover{
    background: url("../images/button/b25a.gif") no-repeat left -40px  transparent;
}
a.b25a:hover span{
    background: url("../images/button/b25a.gif") no-repeat right -40px  transparent;
}
a.b25a:active{
    background: url("../images/button/b25a.gif") no-repeat left -80px  transparent;
}
a.b25a:active span{
    background: url("../images/button/b25a.gif") no-repeat right -80px  transparent;
    color:#1C558E;
    font-weight:bolder;
}

/*高30px的自适应超链接按钮*/
a.b30a {
	background: url("../images/button/b30a.gif") no-repeat left 0px  transparent;
    display: inline-block;
    padding-left: 6px;
    text-align: center;
    height: auto;
    width: auto;
    text-decoration:none;
    color:#1C558E;
}
a.b30a span {
	background: url("../images/button/b30a.gif") no-repeat right 0px  transparent;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding-right: 6px;
}
a.b30a:hover{
    background: url("../images/button/b30a.gif") no-repeat left -40px  transparent;
}
a.b30a:hover span{
    background: url("../images/button/b30a.gif") no-repeat right -40px  transparent;
}
a.b30a:active{
    background: url("../images/button/b30a.gif") no-repeat left -80px  transparent;
}
a.b30a:active span{
    background: url("../images/button/b30a.gif") no-repeat right -80px  transparent;
    color:#1C558E;
    font-weight:bolder;
}

